/**************************<定义公共字体类，类名命名规则：小写字母f加属性名称>**********************************/


/*格式化样式*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    margin: 0;
    padding: 0;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}

body {
    font-size: 16px;
    line-height: 1.5;
    font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-weight: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

fieldset,
img {
    border: 0;
}

a,
img {
    -webkit-touch-callout: none
}

textarea {
    resize: none;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #333;
}

input,
textarea {
    background: #fff;
    outline: none;
    border: 0;
    -webkit-user-select: text !important;
}

input[type="text"]:focus,
input[type="password"]:focus {
    background: #fff;
    outline: none;
}

textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}

button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
}

ul,
ol {
    list-style: none;
}

:focus {
    outline: none;
}

.of-hidden {
    overflow: hidden;
}


/*文字排版、颜色*/

.mauto {
    margin: 0 auto;
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f20 {
    font-size: 20px
}

.f30 {
    font-size: 30px
}

.fb {
    font-weight: bold
}

.fn {
    font-weight: normal
}

.t2 {
    text-indent: 2em
}

.h490 {
    height: 490px!important;
}

.lh150 {
    line-height: 150%
}

.lh180 {
    line-height: 180%
}

.lh200 {
    line-height: 200%
}

.unl {
    text-decoration: underline;
}

.no_unl {
    text-decoration: none;
}


/*定位*/

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.vm {
    vertical-align: middle
}

.ov-auto {
    overflow-y: auto;
}

.pr {
    position: relative;
}

.pa {
    position: absolute !important;
}

.zoom {
    zoom: 1
}

.hidden {
    overflow: hidden
}

.d-none {
    display: none
}

.d-inline-block {
    display: inline-block;
}

.clear {
    clear: both
}


/*长度高度*/

.w10 {
    width: 5% !important
}

.wb70 {
    width: 70% !important
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w50 {
    width: 50px
}

.w90 {
    width: 90px
}

.w80 {
    width: 80px
}

.w130 {
    width: 130px;
}

.w170 {
    width: 170px;
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.w350 {
    width: 350px;
}

.w50 {
    width: 50% !important;
}

.w320 {
    width: 320px;
}

.w500 {
    width: 500px
}

.w800 {
    width: 800px
}

.w100 {
    width: 100% !important
}

.w31 {
    width: 31%
}

.w72 {
    width: 72%
}

.h40 {
    height: 40px;
    line-height: 40px;
}

.h50 {
    height: 50px;
    line-height: 50px;
}

.h80 {
    height: 80px
}

.h100 {
    height: 100px
}

.h200 {
    height: 200px !important;
}

.h400 {
    height: 400px
}

.h450 {
    height: 450px
}

.h {
    height: 100%
}


/*边距*/

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m25 {
    margin: 25px
}

.m30 {
    margin: 30px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt50 {
    margin-top: 50px
}

.mt100 {
    margin-top: 100px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb100 {
    margin-bottom: 100px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml50 {
    margin-left: 50px
}

.ml100 {
    margin-left: 100px
}

.mr5 {
    margin-right: 5px
}

.mr7 {
    margin-right: 7px
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr25 {
    margin-right: 25px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr100 {
    margin-right: 100px
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p30 {
    padding: 30px;
}

.pt2 {
    padding-top: 2px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt22 {
    padding-top: 22px
}

.pt25 {
    padding-top: 25px
}

.pt33 {
    padding-top: 33px
}

.pt35 {
    padding-top: 35px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt90 {
    padding-top: 90px
}

.pb5 {
    padding-bottom: 5px
}

.pb100 {
    padding-bottom: 100px
}

.pb50 {
    padding-bottom: 50px;
}

.pb36 {
    padding-bottom: 36px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb5 {
    padding-bottom: 5px;
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl50 {
    padding-left: 50px
}

.pl65 {
    padding-left: 65px
}

.pl100 {
    padding-left: 100px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr100 {
    padding-right: 100px
}

.pl20 {
    padding-left: 20px;
}


/*字体设置*/

.fs36 {
    font-size: 36px;
}

.fs40 {
    font-size: 40px;
}

.fs12 {
    font-size: 12px;
}

.fs18 {
    font-size: 18px;
}

.f18 {
    font-size: 18px;
}

.fs16 {
    font-size: 16px;
}

.fs14 {
    font-size: 14px;
}

.fs13 {
    font-size: 13px;
}

.fw500 {
    font-weight: 500;
}

.colorl {
    color: #3EADFF;
}

.m-top5 {
    margin-top: 5px;
}

.m-top10 {
    margin-top: 10px !important;
}

.m-top50 {
    margin-top: 50px !important;
}

.m-top20 {
    margin-top: 20px !important;
}

.m-bottom50 {
    margin-bottom: 50px;
}

.m-bottom5 {
    margin-bottom: 5px;
}

.displayNone {
    display: none !important;
}

.displayBlock {
    display: inline-block !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.cursor {
    cursor: pointer
}

.white-space {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    cursor: pointer
}


/* 可以设置不同的进入和离开动画 */


/* 设置持续时间和动画函数 */

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s;
}

.fade-enter,
.fade-leave-to
/* .fade-leave-active below version 2.1.8 */

{
    opacity: 0;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 100px;
}

.el-collapse {
    border: none !important;
}

.el-collapse-item:last-child {
    border: none !important;
}

.el-collapse-item__wrap {
    border: none !important;
}

.el-table .cell {
    display: block !important;
}

.el-header {
    padding: 0 !important;
}

.el-collapse-item__header p {
    margin-left: 15px;
}


/* 星空北京 */

:root {
    background: radial-gradient(#050526 0%, #000000 90%) -20vw 10vh no-repeat black;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
    perspective: 340px;
    height: 100%;
    overflow: hidden;
}

.stars {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    box-shadow: 316px -155px #e6e6e6, -237px 174px #dbdbdb, -1386px 93px #c2c2c2, 67px -331px #c9c9c9, 716px -297px #f7f7f7, -562px 99px #e6e6e6, -126px -19px #d1d1d1, -585px 94px #f2f2f2, 1295px 47px #f7f7f7, -732px 373px #d6d6d6, -587px -106px #e0e0e0, -593px -293px #f0f0f0, 810px -466px #dedede, -786px -288px #ededed, 1269px 447px #e8e8e8, -386px 435px #dedede, -812px 392px #c7c7c7, 358px -21px #c9c9c9, 1144px -16px #d4d4d4, 786px -50px #cfcfcf, 395px -72px #fafafa, 966px -361px #d9d9d9, 1467px -371px #d4d4d4, 260px 408px #c2c2c2, 337px 199px #d9d9d9, 631px -158px #dedede, 272px -65px #d9d9d9, -1004px 344px #c9c9c9, -47px 26px #e0e0e0, 580px 138px #f2f2f2, -1017px 363px #fafafa, 1393px 447px #fcfcfc, -389px -236px #cccccc, 1290px 268px #fafafa, -1424px -232px #e8e8e8, 401px -10px #e6e6e6, -1020px 380px #dbdbdb, -45px -127px #fafafa, -1384px -457px #e3e3e3, -1033px -230px #e3e3e3, 1385px -159px #c7c7c7, 1171px 261px #ebebeb, 77px 286px #f2f2f2, 158px -138px #f7f7f7, 960px 190px #dedede, 1110px 153px #c2c2c2, 710px -298px #d9d9d9, -230px 413px #e8e8e8, -460px 253px #d4d4d4, -840px 199px #cccccc, -405px -294px #fcfcfc, 1034px 172px #d6d6d6, -901px 407px #ededed, 942px 81px white, 1156px 386px #e0e0e0, 79px -453px #c7c7c7, 562px 220px #cfcfcf, 527px -93px #c4c4c4, -509px 87px #d6d6d6, 143px -179px #f7f7f7, -558px 141px #d4d4d4, 191px -377px #cccccc, -1380px 68px #c2c2c2, 172px 285px #c4c4c4, -1403px -48px #ebebeb, -410px -11px #c4c4c4, -555px -8px #fcfcfc, 1429px 292px #cccccc, -658px -270px #fafafa, 748px 325px #c4c4c4, -1409px 391px #f0f0f0, 214px 82px #f2f2f2, 589px 411px white, -511px 67px #f2f2f2, -1375px 325px #c2c2c2, -1389px 225px #e8e8e8, 788px -447px #e0e0e0, 737px 250px #fafafa, 764px 45px #c2c2c2, 1382px 477px #d9d9d9, -1071px -280px whitesmoke, 1296px -137px #e3e3e3, 822px 301px #e3e3e3, 206px 222px #cccccc, 286px -262px white, 247px 59px #e0e0e0, 1224px -415px #d1d1d1, -155px 100px #c7c7c7, 471px -108px #fafafa, -1095px 255px #c2c2c2, 655px -350px #c7c7c7, 193px 38px #ededed, -156px -323px #cfcfcf, -890px -15px #d6d6d6, 1485px 373px #d4d4d4, -1486px 228px #dbdbdb, -465px 228px #e0e0e0, -83px -151px #e8e8e8, -198px -3px #d1d1d1, -1207px 72px whitesmoke, 492px 472px #ededed, 879px 322px #d4d4d4, 1425px -371px #ededed, -29px -207px #e3e3e3, -863px 343px #cccccc, 282px -415px #f0f0f0, -851px -120px #c4c4c4, 1142px -421px #d6d6d6, 1212px -134px #e0e0e0, -1277px -264px #e3e3e3, 557px 208px #f7f7f7, -328px -315px #c9c9c9, 988px 317px #f2f2f2, -1237px 267px #dedede, 1022px -468px #dedede, 654px -224px #f7f7f7, 1127px 199px #e8e8e8, -355px -181px #fcfcfc, -242px -398px white, 1321px -106px #f0f0f0, 119px 343px #e8e8e8, -958px -235px #f7f7f7, 937px 392px #d1d1d1, -885px -320px #d1d1d1, 1192px 341px #e6e6e6, -399px 77px whitesmoke, 1439px 20px #d1d1d1, -1224px 130px #e0e0e0, 430px 50px #c9c9c9, -673px 206px #c9c9c9, 1489px -5px whitesmoke, -833px 51px #f2f2f2, -476px -188px white, 747px -298px #f0f0f0, -259px -411px #c9c9c9, 351px 448px #e0e0e0, -119px -183px #cfcfcf, -1192px 114px #c4c4c4, 1391px 255px #dbdbdb, 401px 50px #c4c4c4, -497px 407px #dbdbdb, -1243px -402px #c4c4c4, -196px -70px #d6d6d6, -1494px -160px #d9d9d9, 1382px 247px #e0e0e0, 415px 190px #dbdbdb, -1112px -250px #d9d9d9, 552px -66px #c7c7c7, 379px -265px #e0e0e0, -1109px -104px #ededed, -119px 161px #d4d4d4, -1270px 223px #c4c4c4, 107px -246px #f7f7f7, -41px -37px #cccccc, 795px -134px #d1d1d1, 1238px 451px #f0f0f0, -323px 269px #d6d6d6, 982px -85px #c7c7c7, 1106px -65px #ebebeb, 1151px -90px #e8e8e8, -483px 276px #dbdbdb, 45px 146px #cfcfcf, 1087px 221px #d4d4d4, 1157px -182px #f7f7f7, 715px -171px #fcfcfc, -810px 408px #e0e0e0, -130px -105px #d4d4d4, -258px 187px #fcfcfc, 887px 39px #d9d9d9, 290px -207px #f0f0f0, -1449px -472px #d1d1d1, 1396px -87px whitesmoke, -1166px -91px #c9c9c9, 916px -294px white, -1439px -265px #ededed, 1069px -308px #c9c9c9, 1166px -299px #ebebeb, 934px -474px #dbdbdb, 368px 108px #cfcfcf, -84px -156px #dbdbdb, -670px -24px #c7c7c7, 260px -95px #c2c2c2, 1131px 465px #ebebeb, -577px -2px #d4d4d4, -104px -220px #d6d6d6, 1195px 431px #ebebeb, -809px -141px #e0e0e0, 1432px -38px #c4c4c4, -1300px -268px #f7f7f7, -200px -414px #ebebeb, -1123px 476px #d9d9d9, 223px -18px #cccccc, 643px -44px whitesmoke, 1306px 289px #cfcfcf, -736px 142px #d4d4d4, -416px 283px #f2f2f2, 511px 203px #c4c4c4, 1240px 396px #c2c2c2, -138px -126px #ebebeb, 714px 447px #c4c4c4, -1395px -368px #e6e6e6, 715px -241px #e0e0e0, -438px -245px #d4d4d4, -995px 82px #fafafa, -951px 366px #d4d4d4, -1110px -438px whitesmoke, -74px 120px #e0e0e0, 1467px -281px #d1d1d1, 317px -425px #dbdbdb, 1018px 365px #c7c7c7, -45px -189px #c4c4c4, 1497px 165px white, -133px 246px #f7f7f7, 401px 127px #e3e3e3, -185px 42px #f0f0f0, 55px 222px #fafafa, -900px -153px #f2f2f2, 419px -266px #d1d1d1, 274px 203px #ededed, 530px 217px white, -1015px -142px #cccccc, -389px -201px #fafafa, -367px -156px #d9d9d9, -961px -273px #c7c7c7, -1289px 335px #f7f7f7, 1412px 167px #d9d9d9, -93px 465px #d4d4d4, 200px 285px #e3e3e3, 414px -345px #ededed, -935px 88px #e0e0e0, 139px -26px #f0f0f0, 771px 453px #dedede, 1275px 179px whitesmoke, 937px -421px whitesmoke, -673px 248px #fcfcfc, 413px -421px #d1d1d1, 955px -110px #d9d9d9, -1223px 293px #d1d1d1, -60px 47px #e0e0e0, -765px 407px #cfcfcf, -762px -314px whitesmoke, -404px 443px #f7f7f7, -1426px 105px whitesmoke, 1px 424px #dbdbdb, -707px -158px #ededed, -332px -376px #e8e8e8, -395px -30px #c9c9c9, 693px 393px #c4c4c4, -905px -325px #c4c4c4, -878px -392px #e6e6e6, -571px 360px #d4d4d4, 233px 154px #c9c9c9, -1133px 371px #cccccc, 1131px 388px #c4c4c4, -1093px -397px #d6d6d6, -837px 110px #e6e6e6, 891px 6px #e0e0e0, 607px -129px #d1d1d1, 415px 43px #d4d4d4, -886px -105px #d1d1d1, -1431px 225px #e8e8e8, 27px -257px #e0e0e0, 1058px 297px #fcfcfc, -1020px 27px #f2f2f2, -1387px -28px #e0e0e0, 151px 434px #fcfcfc, -1046px 170px #d4d4d4, -1261px -296px #f2f2f2, -1391px 325px #e8e8e8, -389px 133px #e3e3e3, -1302px 277px #c9c9c9, 691px 351px #e8e8e8, 364px 3px #cccccc, -836px 68px #cccccc, 301px 175px #dedede, -760px -13px #e6e6e6, 661px -432px #c4c4c4, -922px -447px #d4d4d4, 258px 376px #ebebeb, -124px -165px #fafafa, -146px 428px #e0e0e0, -83px -264px #d9d9d9, -1264px -245px #c4c4c4, 172px -245px #d1d1d1, 548px -306px #dedede, 1319px -194px #ededed, 1077px 185px #e3e3e3, -107px -280px #d4d4d4, -1066px -420px #e3e3e3, 776px 215px whitesmoke, -657px 322px #c7c7c7, 508px -75px #d9d9d9, -498px -39px #f7f7f7, 535px -149px #c2c2c2, 182px 274px #f7f7f7, -1321px -212px #c7c7c7, 849px -408px #fcfcfc, -801px 96px #c2c2c2, -1111px -399px #d9d9d9, -1336px 465px #cfcfcf, -1131px 405px #d9d9d9, 872px -387px #d4d4d4, -1307px -92px #f7f7f7, 1416px 124px #ededed, -1176px -250px #d6d6d6, 164px -165px #e3e3e3, -1202px -40px #cccccc, 95px 478px #cccccc, -501px -384px #ebebeb, -1385px -255px #e3e3e3, -628px 214px #e0e0e0, -888px -470px #d4d4d4, 963px -444px #c4c4c4, -1068px -317px #c7c7c7, -694px 9px #e6e6e6, 983px 374px #f0f0f0, 1217px -43px #ededed, 744px -212px #c9c9c9, 605px -383px white, 43px 108px #e0e0e0, 965px -43px #cccccc, -1335px 265px white, -1330px -296px #f0f0f0, -1042px -247px whitesmoke, 964px 326px #c9c9c9, 1144px -267px white, -1329px -401px #cfcfcf, 628px 444px #c9c9c9, 1409px 240px #f0f0f0, 1174px 257px #d6d6d6, -1326px -68px #d4d4d4, -519px -331px #d4d4d4, 305px -189px #e6e6e6, -678px 434px white, 1381px -382px #f7f7f7, 11px -325px #d1d1d1, 145px 194px #ebebeb, 224px 214px #f7f7f7, -893px 421px #dbdbdb, -339px -383px #dbdbdb, -845px -20px #ebebeb, 1122px 297px #d6d6d6, 926px -475px #c7c7c7, 232px 105px #d6d6d6, -165px -380px #f0f0f0, -770px 43px #c9c9c9, -1400px -234px #c9c9c9, 1264px 339px #ededed, -781px -371px #f2f2f2, -1227px -192px #cccccc, 1218px 131px #e6e6e6;
    animation: fly 10s linear infinite;
    transform-style: preserve-3d;
}

.stars:before,
.stars:after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    box-shadow: inherit;
}

.stars:before {
    transform: translateZ(-300px);
    animation: fade1 10s linear infinite;
}

.stars:after {
    transform: translateZ(-600px);
    animation: fade2 10s linear infinite;
}

@keyframes fly {
    from {
        transform: translateZ(0px);
    }
    to {
        transform: translateZ(300px);
    }
}

@keyframes fade1 {
    from {
        opacity: .5;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade2 {
    from {
        opacity: 0;
    }
    to {
        opacity: .5;
    }
}

::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    background-color: #000;
}


/*定义滚动条轨道 内阴影+圆角*/

 ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px #000;
    border-radius: 10px;
    background-color: #000;
    ;
}


/*定义滑块 内阴影+圆角*/

 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px #000;
    background-color: #000;
}


/*
vant组件改写
*/

.mobileMain .van-popover__action {
    width: 90px !important;
    height: 38px !important;
    padding: 0 5px !important;
    font-size: 16px !important;
}

.mobileMain .van-skeleton__row,
.van-skeleton__title {
    background-color: #fff !important;
}

.mobileMain .el-textarea__inner {
    height: 100px!important;
}